<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.6 -->
    <!-- Font Awesome -->
    <!-- Ionicons -->
    <!-- Theme style -->
    <!-- iCheck -->
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <link rel="stylesheet" href="../../static/bootstrap/css/bootstrap.min.css" th:href="@{/bootstrap/css/bootstrap.min.css}">
    <link rel="stylesheet" href="../../static/font-awesome/css/font-awesome.min.css" th:href="@{/font-awesome/css/font-awesome.min.css}">
    <link rel="stylesheet" href="../../static/ionicons/css/ionicons.min.css" th:href="@{/ionicons/css/ionicons.min.css}">
    <link rel="stylesheet" href="../../static/adminLTE/css/AdminLTE.css" th:href="@{/adminLTE/css/AdminLTE.css}">
    <link rel="stylesheet" href="../../static/iCheck/square/blue.css" th:href="@{/iCheck/square/blue.css}">

    <!-- icon -->
    <link rel="shortcut icon" href="../../static/blog/image/icon.png" th:href="@{/blog/image/icon.png}">

    <title>Login</title>
</head>
<body>
<div class="login-box">
    <div class="login-logo">
        <b>Echo Blog</b>后台登录
    </div>
    <!-- /.login-logo -->
    <div class="login-box-body">
        <!--<p class="login-box-msg">登录</p>-->

        <form action="" method="post">
            <div class="form-group has-feedback" id="account-div">
                <input type="text" class="form-control" placeholder="用户名" id="account" name="username" required autofocus autocomplete="off">
                <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
            </div>
            <div class="form-group has-feedback" id="password-div">
                <input type="password" class="form-control" placeholder="密码" id="password" name="password" required autocomplete="off">
                <span class="glyphicon glyphicon-lock form-control-feedback"></span>
            </div>
            <div class="row">
                <div class="col-xs-8">
                    <div class="checkbox icheck">
                        <label><input type="checkbox"> 记住用户</label>
                    </div>
                </div>
                <!-- /.col -->
                <div class="col-xs-4">
                    <button type="submit" class="btn btn-primary btn-block btn-flat" id="submitBtn">登录</button>
                </div>
                <!-- /.col -->
            </div>
        </form>

        <!--<div class="social-auth-links text-center">-->
            <!--<p>- 或者 -</p>-->
            <!--<a href="#" class="btn btn-block btn-social btn-facebook btn-flat"><i class="fa fa-qq"></i> QQ登录</a>-->
            <!--<a href="#" class="btn btn-block btn-social btn-google btn-flat"><i class="fa fa-weixin"></i> 微信登录</a>-->
        <!--</div>-->
        <!-- /.social-auth-links -->

        <!--<a href="#">忘记密码？</a><br>-->
        <!--<a href="register.html" class="text-center">新用户注册</a>-->

    </div>
    <!-- /.login-box-body -->
</div>
<!-- /.login-box -->

<!-- jQuery 2.2.3 -->
<!--jsencrypt-->
<!-- Bootstrap 3.3.6 -->
<!-- iCheck -->
<script src="../../static/jQuery/jquery-2.2.3.min.js" th:src="@{/jQuery/jquery-2.2.3.min.js}"></script>
<script src="../../static/bootstrap/js/bootstrap.min.js" th:src="@{/bootstrap/js/bootstrap.min.js}"></script>
<script src="../../static/jQuery/jsencrypt.min.js" th:src="@{/jQuery/jsencrypt.min.js}"></script>
<script src="../../static/iCheck/icheck.min.js" th:src="@{/iCheck/icheck.min.js}"></script>
<script>
    $(function() {
        $('input').iCheck({
            checkboxClass: 'icheckbox_square-blue',
            radioClass: 'iradio_square-blue',
            increaseArea: '20%' // optional
        });
    });
</script>
<!--<script src="../../static/jQuery/rsa.js" th:src="@{/jQuery/rsa.js}"></script>-->

</body>
</html>